<template>
	<div class = "pageWrap" v-if = "type">
		<router-link :to = "'/'+type+'/'+prev" tag = "span" class = "prev">上一篇</router-link>
		<span class = "iconfont">&#xe625;</span>
		<router-link :to = "'/'+type+'/'+next" tag = "span" class = "next">下一篇</router-link>
	</div>
</template>

<script>
export default {
	name : 'paging',
	props : ['type','next',"prev"],
	// methods : {
	// 	prevFun (prev) {
	// 		this.$router.push({
	// 			path:'/read/'+prev
	// 		});
	// 	},
	// 	nextFun (next) {
	// 		this.$router.push("/read/"+next);
	// 	}
	// }

}
</script>

<style lang = "less" scoped>
	.pageWrap {
		position: fixed;
	    width: 100%;
	    height: .96rem;
	    line-height: .96rem;
	    bottom: 0;
	    background: rgba(255, 255, 255, 0.9);
	    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
	    padding:0 .4rem;
	    box-sizing: border-box;
	    text-align: center;
		span {
			font-size: .32rem;
			&.prev {
				float:left;
			}
			&.next {
				float:right;
			}
		}

	}
</style>